<!--
  Generated template for the ChangeRoomPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>变更餐台</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <ion-label>选择楼层</ion-label>
    <ion-select cancelText="取消" okText="确定" multiple="false" [(ngModel)]="changeRoomInfo.roomType.val">
      <ion-option value= 1>一楼</ion-option>
      <ion-option value= 2>二楼</ion-option>
      <ion-option value= 3>三楼</ion-option>
    </ion-select>
  </ion-item>

  <ion-item>
    <ion-label>餐桌大小</ion-label>
    <ion-select cancelText="取消" okText="确定" multiple="false" [(ngModel)]="changeRoomInfo.roomFloor.val">
      <ion-option value="10人大桌">10人大桌</ion-option>
      <ion-option value="6人小桌">6人小桌</ion-option>
      <ion-option value="4人小桌">4人小桌</ion-option>
    </ion-select>
  </ion-item>

  <ion-item>
    <ion-label>选择餐桌</ion-label>
    <ion-input placeholder="点击选择要更换的房间号" (focus)="showRoom()" [readonly]="true" [(ngModel)]="changeRoomInfo.roomNumber.val"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label>需补差价（元）</ion-label>
    <ion-input [readonly]="true" [(ngModel)]="priceDifference"></ion-input>
  </ion-item>

  <button ion-button full round (click)="saveChange()">确认更换</button>
</ion-content>
